// @flow

import React from "react";

const OpposingChevrons = ({
  size = 14,
  color = "currentColor",
  ...p
}: {
  size: number,
  color: string,
}) => (
  <svg viewBox="0 0 13 9" height={(size / 13) * 9} width={size}>
    <g stroke="none" fill={color} fillRule="evenodd">
      <path d="M5.03033009,1.53033009 C5.3232233,1.23743687 5.3232233,0.762563133 5.03033009,0.469669914 C4.73743687,0.176776695 4.26256313,0.176776695 3.96966991,0.469669914 L0.469669914,3.96966991 C0.176776695,4.26256313 0.176776695,4.73743687 0.469669914,5.03033009 L3.96966991,8.53033009 C4.26256313,8.8232233 4.73743687,8.8232233 5.03033009,8.53033009 C5.3232233,8.23743687 5.3232233,7.76256313 5.03033009,7.46966991 L2.06066017,4.5 L5.03033009,1.53033009 Z" />
      <path
        d="M12.7303301,1.53033009 C13.0232233,1.23743687 13.0232233,0.762563133 12.7303301,0.469669914 C12.4374369,0.176776695 11.9625631,0.176776695 11.6696699,0.469669914 L8.16966991,3.96966991 C7.8767767,4.26256313 7.8767767,4.73743687 8.16966991,5.03033009 L11.6696699,8.53033009 C11.9625631,8.8232233 12.4374369,8.8232233 12.7303301,8.53033009 C13.0232233,8.23743687 13.0232233,7.76256313 12.7303301,7.46966991 L9.76066017,4.5 L12.7303301,1.53033009 Z"
        id="Path"
        transform="translate(10.450000, 4.500000) scale(-1, 1) translate(-10.450000, -4.500000) "
      />
    </g>
  </svg>
);

export default OpposingChevrons;
